<style>  
  .{{$template|escape:'html'}}_table1 {
    width: 900px;
    height: 25px;
  }
  .{{$template|escape:'html'}}_table2 {
    width: 900px;
  }
  .{{$template|escape:'html'}}_table3 {
    width: 870px;
    border-bottom: 1px solid #694247;
    border-right: 1px solid #694247;
  }
  .{{$template|escape:'html'}}_table3 td{
    border-top: 1px solid #694247;
    border-left: 1px solid #694247;
  }
  .{{$template|escape:'html'}}_table4 {
    width: 900px;
  }
  
  .{{$template|escape:'html'}}_td1 {
    width: 900px;
    height: 25px;
    background-color:#885B5D;
    font-size: 11pt;
    font-weight: bold;
    color: #fff;
    padding: 0 0 0 15px;
  }
  .{{$template|escape:'html'}}_td3 {
    background-color: #ebebe3;
    border-right:solid 1px #8f8f8a;
    border-bottom:solid 1px #8f8f8a;
    border-left:solid 1px #ffffff;
    border-top:solid 1px #ffffff;
    width: 900px;
    height: 5px;
  }
  .{{$template|escape:'html'}}_td5 {
    width: 900px;
    height: 50px;
    font-size: 11pt;
    font-weight: bold;
    color: #694247;
    text-align: center;
    vertical-align: bottom;
  }
  .{{$template|escape:'html'}}_td6 {
    width: 900px;
    height: 500px;
    text-align: center;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td7 {
    width: 900px;
    height: 40px;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td8 {
    width: 82px;
    height: 24px;
    text-align: left;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td9 {
    width: 40px;
    height: 24px;
    text-align: center;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td10 {
    width: 85px;
    height: 24px;
    text-align: center;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td11 {
    width: 40px;
    height: 24px;
    text-align: center;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td12 {
    width: 85px;
    height: 24px;
    text-align: center;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td90 {
    width: 40px;
    height: 24px;
    font-size: 9pt;
    font-weight: bold;
    color: #694247;
    text-align: center;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td100 {
    width: 85px;
    height: 24px;
    font-size: 9pt;
    font-weight: bold;
    color: #694247;
    text-align: center;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td110 {
    width: 40px;
    height: 24px;
    font-size: 9pt;
    font-weight: bold;
    color: #694247;
    text-align: center;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td120 {
    width: 85px;
    height: 24px;
    font-size: 9pt;
    font-weight: bold;
    color: #694247;
    text-align: center;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td13 {
    height: 13px;
  }
  .{{$template|escape:'html'}}_td14 {
    width: 900px;
    height: 46px;
    vertical-align: top;
    text-align: left;
  }
  .{{$template|escape:'html'}}_td15 {
    width: 900px;
    vertical-align: top;
    text-align: left;
  }
  .{{$template|escape:'html'}}_margin {
    margin: 0 0 0 15px;
  }
</style>

<script src="jsrequest.php?script={{$template|escape:'html'}}" type="text/javascript"></script>
<script type="text/javascript">
  <!--
    if (document.addEventListener) {
      document.addEventListener('DOMContentLoaded', init, false);
    }
    window.onload = init;

    function init() {
      if (!document.getElementById || !document.createElement || !arguments || arguments.callee._loaded) {
        return;
      }
      arguments.callee._loaded = true;
      
      var gui = GuiPageComparisonByMonth.gui('{{$template|escape:'javascript'}}');
      new HandlePageComparisonByMonth(gui, JSON.parse('{{$operator|escape:javascript}}'), JSON.parse('{{$now|escape:javascript}}'), JSON.parse('{{$options|escape:javascript}}'));
    }
  //-->
</script>

<table class="{{$template|escape:'html'}}_table4" cellPadding="0" cellSpacing="0">
  <tr>
    <td class="{{$template|escape:'html'}}_td14">{{include file="pagemanager/basemenus3.tpl"}}</td>
  </tr>
  <tr>
    <td class="{{$template|escape:'html'}}_td15">
      <table class="{{$template|escape:'html'}}_table1" cellPadding="0" cellSpacing="0">
        <tr>
          <td class="{{$template|escape:'html'}}_td1">
            Detail
          </td>
        </tr>
        <tr>
          <td class="{{$template|escape:'html'}}_td3" align="center">
            <table class="{{$template|escape:'html'}}_table2" cellPadding="0" cellSpacing="0">
              <tr>
                <td class="{{$template|escape:'html'}}_td5">
                  Month Comparison
                </td>
              </tr>
              <tr>
                <td class="{{$template|escape:'html'}}_td6" id="{{$template|escape:'html'}}_graph_div"></td>
              </tr>
              <tr>
                <td class="{{$template|escape:'html'}}_td7"  align="center">
                  <table class="{{$template|escape:'html'}}_table3" cellPadding="0" cellSpacing="0" id="{{$template|escape:'html'}}_main_table">
                    <tr>
                      <td class="{{$template|escape:'html'}}_td8"></td>
                      <td class="{{$template|escape:'html'}}_td90">
                        Years
                      </td>
                      <td class="{{$template|escape:'html'}}_td100">
                        Total
                      </td>
                      <td class="{{$template|escape:'html'}}_td110">CUS</td>
                      <td class="{{$template|escape:'html'}}_td120">
                        Wedding
                      </td>
                      <td class="{{$template|escape:'html'}}_td110">O</td>
                      <td class="{{$template|escape:'html'}}_td120">
                        Prewedding
                      </td>
                      <td class="{{$template|escape:'html'}}_td110">O</td>
                      <td class="{{$template|escape:'html'}}_td120">
                        Portrait
                      </td>
                      <td class="{{$template|escape:'html'}}_td110">O</td>
                      <td class="{{$template|escape:'html'}}_td120">
                        Engagement
                      </td>
                      <td class="{{$template|escape:'html'}}_td110">O</td>
                      <td class="{{$template|escape:'html'}}_td120">
                        Other
                      </td>
                      <td class="{{$template|escape:'html'}}_td110">O</td>
                    </tr>
                  </table>
                </td>
              </tr>
              <tr>
                <td class="{{$template|escape:'html'}}_td13"></td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>
